<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>详情页</title>
    <link rel="stylesheet" href="/css/details.css">
    <script src="/libs/require.js" data-main="/js/details.js"></script>
</head>
<body>
    <header></header>
    <div class="box bx">
        <div class="left2">
            
            
        </div>
        <script type="text/html" id="leftTemplate">
            <div class="depic">
                <img src="{{photo[0].url}}" class="zoom-image">
                <div class="imgs">
                    <ul id="gal1">
                        {{each photo img}}
                        <li>
                            <a href="javascript:;" data-image="{{img.url}}" data-zoom-image="{{img.url}}">
                                <img src="{{img.url}}" class="smallpic">
                            </a>
                        </li>
                        {{/each}}
                    </ul>
                </div>
            </div>
        </script>
        <div class="right2">
            <ul class="right2-details">
                
                
            </ul>
            <script type="text/html" id="right2-details-Template">
                <li>
                    <h3>{{shop.title}}</h3>
                </li>
                <li>
                    {{title}}
                </li>
                <li>
                    <span>价格：￥</span>
                    <span>{{price}}</span>元
                </li>
                <li>
                    <span>1.0磅</span>
                    <span>2.0磅</span>
                    <span>3.0磅</span>
                    <span>4.0磅</span>
                </li>
                <li>
                    <input type="button" value="-" id="sub">
                    <input type="text" value='2' id="sum">
                    <input type="button" value="+" id="plus">
                </li>
                <li>
                    <a href="/html/order.html"><input type="button" value="立即购买" id="shoping"></a>
                    <input type="button" value="加入购物车" id="intocar">
                </li>
            </script>
        </div>
    </div>
    <div class="card">
        <span><img src="/img/shoping-car2.jpg"></span>
        <span class="details-car">购物车</span>
        <span class="nnnum">1</span>
    </div>
    <footer></footer>
</body>
</html>